<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到MediPulse平台!</title>
    <style>
        body{
            background-image: url("/static/assets/strbk.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-color: #A5C0D5;

        }
        .app {
            text-align: center;
            padding: 20px;
            height: 100%;
            position: relative;
           /* left: 20%; */
            bottom: 30%;
            /* background: #f3f4f7;
            background-image: url("/static/assert/strbk.jpg");
            background-repeat: no-repeat;
            background-size: cover; */
            /* border:5px solid red; */
            margin-top: 20%;
        }

        h1 {
            color: #155896;
            position: relative;
            right: 13%;
            top: 30%;
            font-family: "华文楷体", "SimHei", sans-serif;
            font-size: 3em;
            text-indent: 10px;
            letter-spacing:5px;
            text-shadow:5px 2px 5px #f2f8ff,5px 2px 5px #f2f8ff,5px 2px 5px #f2f8ff,5px 2px 5px #f2f8ff;
            /* -5px 0 #2a98ff, 0 5px #2a98ff,, 0 -5px #2a98ff */
        }

        p {
            font-size: 1.2em;
            position: relative;
            right: 5%;
            top: 30%;
            font-family: "仿宋", "SimHei", sans-serif;
        }

        .choice {
            background-color: none;
            width: 15%;
            padding: 0%;
            position: relative;
            top: 30%;
            left: 25%;
            font-weight: bold;
            font-size: large;
            font-family: "宋体", "SimHei", sans-serif;
        }

        ul {
            list-style-type: none;
        }

        li {
            background-color: #dbedff;
            text-align: center;
            display: block;
            margin-bottom: 10px;
            padding-top: 10px;
            height: 30px;
            border-radius: 15px;
            transition-duration: 0.2s;
        }

        .choice ul li a {
            text-decoration: none;
            color: #0167cd;
            display: block;
            padding-top: 10px;
            height: 100%;
            position: relative;
            bottom: 35%;
            border-radius: 15px;
        }

        .choice ul li a:hover {
            box-shadow: 5px 5px 5px grey;
            background-color: #135797;
            color:#ebf5ff;
        }
    </style>
</head>
<body>
    <div class="app">
        <h1>欢迎使用MediPulse！</h1>
        <p>————by 食堂煎饼不好吃队</p>
        <div class="choice">
            <ul>
                <li><a href="http://127.0.0.1:2000">登录</a></li>

            </ul>
        </div>
    </div>
</body>
</html>